<!DOCTYPE html>
<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<!-- Meta, title, CSS, favicons, etc. -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>左侧导航</title>
		<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-3.3.4.css">
		<link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" href="css/custom.min.css" />
	</head>
	<style type="text/css">
		*{
			padding: 0;margin: 0;
		}
		body,html{
			width: 100%;
			height: 100%;
		}
		.contentLeft {
			float: left;
			width: 15%;
			height: 100%;
			background:black;
			opacity: 0.7;
		}
		
		.contentRight {
			float: left;
			width: 85%;
		}
		
	</style>

	<body class="nav-md">

		<div class="contentLeft">
			<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
					<ul class="nav side-menu" id="navmenu"></ul>
			</div>
		</div>
		<div class="contentRight">
			<div class="right_col" role="main" id="rightContent"></div>
		</div>

		<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
		<script src="https://www.jq22.com/jquery/bootstrap-3.3.4.js"></script>
		<script src="js/home.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>